<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>登录</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>

    <link href="../css/login/styles.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/index.css">


    <script>
        function register() {
            //跳转到注册界面register.html进行注册
            var user = $("#user");
            window.location.href = "../html/register.html";
        }

        function login() {
            //登录逻辑
            window.location.href = "../html/wodejiabinhui.html"
        }
    </script>
</head>

<body>

    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light ">
            <a class="navbar-brand" href="../html/index.html">
                <img src="../images/index/logo.png" alt="#" style="width: 10vw;">
            </a>

            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    <a class="nav-item nav-link" href="#">酒店预订</a>
                    <a class="nav-item nav-link" href="#">积分商城</a>
                    <a class="nav-item nav-link" href="#">关于首旅如家</a>
                </div>

            </div>
        </nav>
    </div>

    <!-- 登录框 -->
    <div class="back">
        <div class="login">
            <h3>登&nbsp;&nbsp;&nbsp;&nbsp;录</h3>
            <br>
            <!-- 登录表单 -->
            <!-- <form action="#"> -->
            <div class="form-group">
                <p class="inputbox">
                    <img src="../images/login/u12.png">
                    <input type="text" class="usernameinput" id="user" autocomplete="off" placeholder="请输入用户名" />
                </p>

            </div>
            <div class="form-group">
                <p class="inputbox">
                    <img src="../images/login/u13.png">
                    <input type="text" class="pwdinput" id="password" autocomplete="off" placeholder="请输入密码" />
                </p>

            </div>
            <br>
            <p>
                <button class="btn btn-primary" onclick="login()">登录</button>
            </p>
            <p>
                <button class="btn btn-primary" onclick="register()">注册</button>
            </p>

            <!-- </form> -->
        </div>
    </div>
    <div class="container-fluid footer">
        © 2021 Homeinns Co.,Ltd All Rights Reserved.酒店管理（上海）有限公司
    </div>

</body>

</html>